<template>
  <div>
    <a-tabs default-active-key="1" @change="callback" :tab-position="'left'">
      <a-tab-pane key="1" tab="全部任务">
        <TaskCard></TaskCard>
      </a-tab-pane>
      <a-tab-pane key="2" tab="我负责的任务">
        我负责的任务
      </a-tab-pane>
      <a-tab-pane key="3" tab="进行中的任务">
        进行中的任务
      </a-tab-pane>
      <a-tab-pane key="4" tab="本周到期任务">
        本周到期任务
      </a-tab-pane>
      <a-tab-pane key="5" tab="已延期的任务">
        已延期的任务
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
export default {
  name: 'task',
  components: {
    TaskCard: () => import('@/components/taskcard')
  },
  data () {
    return {}
  },
  methods: {
    callback (key) {
    }
  }
}
</script>
<style>
</style>
